<ion-content>
  <ion-img src="" style="height: 20rem;width: 100%;"></ion-img>
  <div style="padding: 2rem 5rem;">
    <div text-center><p>你最贴心的出门旅行伙伴</p></div><br>
    <ion-list>

      <ion-item>
        <ion-icon name="call" item-start></ion-icon>
        <ion-input type="text" maxlength="11" name="mobile" [(ngModel)]="mobile"></ion-input>
      </ion-item>

      <ion-item>
        <ion-icon name="lock" item-start></ion-icon>
        <ion-input type="text" maxlength="6" name="verifyCode" [(ngModel)]="verifyCode"></ion-input>
        <button id="verifyCodeBtn" ion-button item-end small style="margin-right: -0.8rem;" (click)="getVerifyCode()" [disabled]="verifyCodeBtnDisable">{{verifyCodeText}}</button>
      </ion-item>
      <ion-item></ion-item>
    </ion-list>
  </div>

  <div padding style="position: absolute;left: auto;bottom: 2rem;width: 100%;">
    <button id="loginBtn" ion-button block (click)="login()">登录</button>
  </div>
</ion-content>
